.hides {
    display: none;
}

#zt8 {
    cursor: pointer;
}

.shows {
    display: block;
}

.thBg th {
    background: #F5F5F6;
}

.col-red {
    color: #ff0000 !important;
    font-size: 12px;
    margin: 0px 10px;
}

.cursor {
    cursor: pointer;
}

.width2 {
    width: 16.66666667%;
    box-sizing: border-box;
    float: left;
}

.width4 {
    width: 33.333333%;
    box-sizing: border-box;
    float: left;
}

.col-gray {
    color: #ff0000;
    font-size: 12px;
}

.col-127 {
    color: #1cafff !important;
}

.col-333 {
    color: #333;
}

.col-666 {
    color: #666;
}

.col-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.wdith18 {
    width: 18% !important;
}

.wdith23 {
    width: 23% !important;
}

.lineh {
    line-height: 34px;
}

.wdith23 select {
    width: 100% !important;
}

.width_14 {
    width: 14% !important;
    text-align: right;
}

.titleName {
    font-weight: bold;
    color: #333;
    line-height: 34px;
    text-align: right;
}

.col5c {
    color: #5C5C5C;
}

.fontwb {
    font-weight: bolder;
}

.container-title {
    padding: 15px 30px;
    color: #333333;
    font-size: 18px;
    font-family: "微软雅黑";
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}

.container-title .rightbtn {
    float: right;
    color: #7D7D7D;
}

.bgf6 {
    background: #f6f6f6;
}

.font-right {
    color: #535353;
    font-size: 12px;
}

.font-left {
    color: #000;
    font-size: 14px;
    font-weight: bolder;
}

.dian {
    margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.dian > i {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    margin-left: 3px;
    background: #1cafff;
    border-radius: 50%;
}

.CenterPopup {
    border: 1px solid #D9D9D9;
    padding: 10px;
    background: #fff;
    top: 35px;
    min-width: 100px;
    z-index: 9;

}

.triangle {
    border: 1px solid #D9D9D9;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    border-right: none;
    border-bottom: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    background: #fff;
}

.CenterPopup ul li {
    margin: 5px;
}

/*------index---------------*/

.bgwhites {
    background: #fff;
    margin: 0px auto !important;
    padding: 0px 0px;
}

.center-right {
    width: 100%;
    height: 100%;
    border: none;
}


/*-------------权限分类------*/

.Authority {
    background: #fff;
}

.Authority > ul {
    margin: 0 15px;
}

.Authority > ul > h2 {
    color: #333333;
    font-size: 18px;
    font-family: "微软雅黑";
}

.Authority > ul > li {
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.Authority > ul > li > a {
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
}

.Authority ul li:hover a {
    width: 100%;
    background: #1cafff;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 9px;
    color: #fff;
}

.Authority .current > a {
    /*color: #1cafff;*/
    width: 100%;
    background: #1cafff;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    padding: 0 15px;
    border-radius: 9px;
    color: #fff;
}

.privilegeUserList {
    background: #fff;
}

.list-title {
    color: #5c5c5c;
    font-size: 14px;
    font-family: "微软雅黑";
    padding: 15px 30px;
    border-bottom: 1px solid #d9d9d9;
}

.addUser {
    margin: 10px 0;
}

.addUser-btn {
    color: #1cafff;
    border: 1px solid #1cafff;
    display: block;
    width: 90px;
}

.addUser-btn:hover,
.addUser-btn:focus,
.addUser-btn:active {
    color: #1cafff !important;
    border: 1px solid #1cafff !important;
    background: none;
}

.table th {
    text-align: center;
    background: #f5f5f6;
}

.user-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.table td {
    line-height: 35px;
    text-align: center;
    vertical-align: inherit !important;
}


/*-----------管理员添加用户-----------*/

.wrapper-content {
    padding: 0px 15px;
}

.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    /*border-style: solid solid none;
    border-width: 4px 0 0;*/
    color: inherit;
    margin-bottom: 0;
    padding: 17px 15px 7px;
    min-height: 48px;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-tools {
    display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
}

.ibox-content {
    clear: both;
}

.ibox-content {
    background-color: #fff;
    color: inherit;
    padding: 10px 20px;
    border-color: #e7eaec;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #fff;
    background-color: #fff;
    height: 1px;
    margin: 10px 0;
}

.uploader-list {
    width: 100%;
    overflow: hidden;
}

.webuploader-container {
    position: relative;
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

.img-circle {
    border-radius: 50%;
}

.webuploader-element-invisible {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 86px;
    height: 40px;
    cursor: pointer;
    opacity: 0;
}


/*--------角色管理----------*/

.badge-info,
.label-info {
    background-color: #23c6c8;
    color: #FFF;
}

.label {
    font-size: 10px;
    font-weight: 500;
    padding: 3px 8px;
    text-shadow: none;
}

.Role-assignment-tc {
    z-index: 19891035;
    width: 1110px;
    height: 600px;
    left: 50% !important;
    margin-top: -100px !important;
    margin-left: -555px !important;
    position: fixed;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0;

}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 1px -40px;
    cursor: pointer;
}

.layui-layer-setwin {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
    line-height: initial;
}

.layui-layer-setwin a {
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
    _overflow: hidden;
}


.layui-layer-resize {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    cursor: se-resize;
}

.mt2 {
    margin-top: 2px !important;
}

.site_show {
    margin-top: 5px;
}

.new_style {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 98%;
    /*height: 98%;*/
    margin: 1%;
    border: 1px solid #E6E6E6;
}

.new_style input[type="radio"], input[type="checkbox"] {
    margin: 0;
}

.all_choose {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    /*height: 100%;*/

}

.right_box {
    width: 95%;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    border-left: 1px solid #E6E6E6;
}

.list_one {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    padding: 5px 0px;
    line-height: 40px;
    font-size: 14px;
    color: #797979;
}

.classif_left {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E6E6E6;
}

.classif_right {
    display: flex;
    flex-direction: column;
    width: 80%;
}

.right_centerone {
    width: 100%;
    display: flex;
    border-bottom: 1px dashed #E6E6E6;
    padding: 5px 0px;
}

.right_centerone:last-child {
    border: none;
}

.left_type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    border-right: 1px solid #E6E6E6;
}

.little_title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.right_type {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}

.type_one {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

.per_class {
    /*padding: 10px 20px;
    margin-bottom: 0px;*/
}

.Two_level_all {
    width: 140px;
}

.Three_level {
    width: 535px
}

.authority-btn {
    width: 90px;
    margin-top: 30px;
    margin-left: 300px;
    margin-bottom: 30px;
}


/*--------菜单管理---------*/

.sort-input {
    width: 70%;
    border: 1px solid #E5E5E5;
}

.addmenu {
    background: rgba(0, 0, 0, 0.5) !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px !important;
    display: none;
    padding-right: 6px;
}

.addmenu > div {
    position: fixed;
    width: 600px;
    height: 467px;
    top: 50px;
    left: 50%;
    margin-left: -300px !important;
}


/*------------系统设置--------------------*/

.system-center {
    padding: 0px 10px;
}

.system-center > h2 {
    font-size: 14px;
    color: #333333;
    margin: 35px 0;
}

.system-center > p {
    width: 100%;
}

.system-center-name {
    width: 120px;
    display: block;
    margin-right: 30px;
    float: left;
    text-align: right;
    color: #5c5c5c;
    font-size: 12px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0px;
}

.system-center-box {
    margin: 15px 0;
}

.system-center-web {
    width: 180px;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}

.system-center-input {
    width: 200px;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}

.system-center-logo {
    width: 70%;
    position: relative;
}

.system-center-logo > img {
    width: 100px;
    height: 40px;
    display: block;
    float: left;
}

.system-center-logo > input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 40px;
    opacity: 0;
}

.system-center-logo > span {
    font-size: 12px;
    float: left;
    margin-left: 30px;
    color: #999999;
}

.system-center-address > p {
    width: 79%;
}

.system-center-address > p > select {
    border: 1px solid #d4d4d4;
    width: 180px;
    height: 30px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
}

.system-center-address > p > input {
    border: 1px solid #d4d4d4;
    width: 180px;
    height: 30px;
    box-sizing: border-box;
}

.system-center-empty {
    width: 70px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    color: #333333;
    font-size: 12px;
    background: none;
}

.system-center-open,
.system-center-shut {
    width: 70px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    color: #333333;
    font-size: 12px;
    background: none;
    margin-right: 20px;
}

.system-center-current {
    border: 1px solid #1cafff !important;
    color: #1cafff !important;
}

.system-center-txt {
    width: 100px;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
}

.system-bottom-btn {
    padding-left: 150px;
    margin: 50px 0;
}

.system-Determine {
    background: #1cafff;
    color: #efefef;
    font-size: 14px;
    margin-right: 20px;
    border: 1px solid #1cafff;
    width: 70px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 3px;
}

.system-Reset {
    border: 1px solid #1cafff;
    background: none;
    color: #1cafff;
    font-size: 14px;
    width: 70px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 3px;
}

.systemCenterBtn {
    font-size: 14px;
    color: #1cafff;
    border: 1px solid #d9d9d9;
    background: none;
    padding: 4px 15px;
    border-radius: 3px;
}

.databaseBackup-top {
    padding: 20px 0;
}

.backup {
    padding: 3px 15px;
    background: none;
    font-size: 14px;
    color: #1cafff;
    border-radius: 5px;
    border: 1px solid #1cafff;
}

.optimization {
    padding: 3px 15px;
    background: none;
    font-size: 14px;
    color: #1fb496;
    border-radius: 5px;
    border: 1px solid #1fb496;
    margin: 0 15px;
}

.repair {
    padding: 3px 15px;
    background: none;
    font-size: 14px;
    color: #ff0000;
    border-radius: 5px;
    border: 1px solid #ff0000;
}

.operatOptimi {
    padding: 0px 5px;
    background: none;
    font-size: 11px;
    color: #1fb496;
    border-radius: 5px;
    border: 1px solid #1fb496;
    height: 20px;
    line-height: 20px;
}

.operatRepair {
    padding: 0px 5px;
    background: none;
    font-size: 11px;
    color: #ff0000;
    border-radius: 5px;
    border: 1px solid #ff0000;
    height: 20px;
    line-height: 20px;
}


/*-----------公告------------*/


/*---新增公告---*/

.newAnnouncement-title {
    color: #333333;
    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}

.Announce-title {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 30px;
}

.Announce-web {
    width: 100%;
    margin: 20px 0;
}

.Announce-web-title {
    width: 120px;
    text-align: right;
    display: block;
    margin-right: 20px;
    float: left;
    font-weight: normal;
    color: #5c5c5c;
    font-size: 12px;
}

.Announce-web-input {
    width: 70%;
}

.Announce-web-input input[type="text"] {
    width: 80%;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    padding: 0 10px;
}

.Announce-web-input {
    font-size: 12px;
    color: #5c5c5c;
}

.Announcement_detail_web {
    width: 84%;
    margin: 20px 8% 40px;
}

.Announcement_detail_title {
    color: #333333;
    font-size: 16px;
    font-family: "微软雅黑";
    margin-bottom: 20px;
}

.Announcement_detail_time {
    font-size: 12px;
    color: #999999;
    margin-bottom: 10px;
}

.Announcement_detail_time span {
    color: #1cafff;
    font-size: 12px;
    margin-left: 20px;
}

.Announcement_detail_txt {
    color: #5c5c5c;
    font-size: 14px;
    font-family: "微软雅黑";
    line-height: 24px;
}


/*-----------首页----------------*/

.home {
    position: relative;
}

.login_success {
    width: 94%;
    height: 40px;
    line-height: 40px;
    padding: 0px 3%;
    box-sizing: border-box;
    background: #e1eef5;
    border-radius: 5px;
    color: #333333;
    font-size: 14px;
    position: absolute;
    top: 20px;
    margin-left: 2%;
}

.login_success > span {
    cursor: pointer;
}

.home-img {
    margin: 80px auto 30px;
    width: 100%;
}

.home-tu > img {
    width: 160px;
    height: 160px;
    border: 1px solid #bfbfbf;
}

.home-name {
    margin: 10px 0;
    font-size: 16px;
    color: #333333;
}

.home-terminal {
    font-size: 16px;
    color: #1cafff;
}

.system_announce {
    width: 70%;
    margin: 50px auto;
    border: 1px solid #d9d9d9;
    padding: 10px 20px 30px;
    box-sizing: border-box;
}

.system_announce_title {
    padding: 10px 0 10px;
    border-bottom: 1px solid #D9D9D9;
    font-size: 18px;
    color: #5c5c5c;
}

.system_announce_title > a {
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
}

.system_announce_center {
    width: 100%;
    padding: 15px 3%;
    border: 1px solid #D9D9D9;
    margin: 20px 0;
    border-radius: 5px;
}

.system_announce_center_web {
    width: 100%;
}

.system_announce_center_web > span {
    float: left;
    width: 90%;
    display: inline-block;
    color: #5c5c5c;
    font-size: 14px;
    margin-bottom: 5px;
}

.system_announce_center_web > img {
    float: right;
}

.system_announce_center-time {
    font-size: 12px;
    color: #999999;
}


/*----------站内信--------------*/

.InforTip {
    position: absolute;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #f9eac7;
    font-size: 12px;
    color: #4c4c4c;
    padding-left: 10px;
    box-sizing: border-box;
    top: 0px;
    right: 0px;
}

.InforTip > a {
    margin-left: 20px;
    color: #ce0606;
    font-size: 12px;
}

.mail-title {
    color: #333333;
    font-size: 18px;
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 0;
}

.transceiver-box-title {
    margin: 10px 0;
    border-bottom: 1px solid #D9D9D9;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
}

.transceiver-box-title > span {
    display: inline-block;
    padding: 10px 20px;
    float: left;
    background: #fff;
    cursor: pointer;
}

.transceiver-current {
    border: 1px solid #D9D9D9;
    border-bottom: none;
}

.Batch_opera {
    width: 120px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #D9D9D9;
}

.Screen_cond {
    width: 180px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #D9D9D9;
}

.Batch_input {
    width: 180px;
    height: 25px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
}

.search-btn {
    color: #337faa;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    background: none;
    padding: 2px 15px;
    box-sizing: border-box;
    margin-left: 10px;
}

.write_letters {
    border: 1px solid #D9D9D9;
    background: #1cafff;
    font-size: 14px;
    color: #f4f7fa;
    padding: 3px 10px;
    border-radius: 5px;
}

.write_letters > img {
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-right: 5px;
}

.mail-txt,
.mail-txt > a {
    width: 400px;
    color: #535353;
    font-size: 12px;
}

.mail-name {
    color: #1cafff;
    font-size: 12px;
}

.mail-time {
    color: #535353;
    font-size: 12px;
}

.mail-Unread,
.mail-Unread > a {
    color: #FF0000;
    font-size: 12px;
}

.mail-Unread-txt {
    width: 400px;
}

.Paging_bar {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #D9D9D9;
    border-top: none;
    margin-bottom: 30px;
}

.write_letters_center {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}

.letter-popup {
    width: 800px;
    margin: 40px auto;
    background: #fff;
    border: 1px solid #ededed;
    padding: 10px 0;
    border-radius: 3px;
    box-sizing: border-box;
}

.letter-popup-title {
    border-bottom: 1px solid #bfbfbf;
    padding: 10px 20px;
    color: #333333;
    font-size: 16px;
}

.letter-popup-title > span {
    cursor: pointer;
}

.letter-choice {
    width: 98%;
    margin: 5px 1%;
    padding: 10px 25px;
    box-sizing: border-box;
}

.letter-choice > h2 {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
    background: #f5f5f5;
    padding: 10px;
}

.letter-choice > h2 > img {
    margin: 0 10px;
}

.letter-choice > h2 > span {
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    margin: 0 10px;
}

.letters-address-left {
    width: 80px;
}

.letters-address-right {
    width: 88%;
}

.letters-address-right > span {
    display: block;
    margin-left: 10px;
    margin-bottom: 5px;
}

.operation-center {
    border-bottom: none !important;
}

.administration-center {
    min-height: 150px;
}

.operation-center,
.administration-center {
    padding: 10px 0;
    width: 100%;
    background: #fff;
    border: 1px solid #D9D9D9;
}

.operation-center-left,
.administration-center-left {
    width: 155px;
    font-size: 12px;
    color: #4c4c4c;
    box-sizing: border-box;
    padding-left: 5px;
}

.operation-center-left > input,
.administration-center-left > input {
    float: left;
    margin-top: 3px;
}

.operation-center-right,
.administration-center-right {
    width: 521px;
}

.operation-center-right > span,
.administration-center-right > span {
    display: block;
    margin: 5px;
    font-size: 12px;
    color: #4c4c4c;
}

.operation-center-right > span > input,
.administration-center-right > span > input {
    float: left;
    margin-top: 2px;
}

.letters-web {
    margin: 10px 0;
}

.letters-web-left {
    width: 60px;
    color: #333333;
    font-size: 14px;
    margin-top: 60px;
}

.letters-web-right {
    width: 370px;
    height: 145px;
}

.letters-web-right > textarea {
    width: 370px;
    height: 145px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #D9D9D9;
    font-size: 14px;
    padding: 5px;
    box-sizing: border-box;
}

.letters-btn {
    padding-left: 80px;
    margin: 10px 0;
}

.lettersSend-btn {
    color: #ffffff;
    background: #1cafff;
    padding: 3px 15px;
    border: none;
    border-radius: 3px;
    margin-right: 20px;
    font-size: 16px;
    border: 1px solid #1cafff;
    box-sizing: border-box;
}

.lettersCancel-btn {
    border-radius: 3px;
    background: none;
    border: 1px solid #999999;
    padding: 3px 15px;
    font-size: 16px;
    color: #1cafff;
    box-sizing: border-box;
}


/*--------查看站内信-----------*/

.lookLetter {
    border: 1px solid #D9D9D9;
    margin: 20px 0;
}

.letter-top {
    padding: 20px 0px 20px 50px;
    border-bottom: 1px solid #D9D9D9;
}

.letterReply {
    color: #ffffff;
    font-size: 14px;
    padding: 3px 15px;
    border-radius: 5px;
    background: #1cafff;
    border: 1px solid #1cafff;
    margin-right: 20px;
}

.letterReturn {
    color: #333333;
    padding: 3px 15px;
    border-radius: 5px;
    border: 1px solid #b3b3b3;
    background: none;
    margin-right: 20px;
}

.letter-title {
    border-bottom: 1px solid #D9D9D9;
    padding: 10px;
}

.letter-center {
    border-bottom: 1px solid #D9D9D9;
    padding: 0px;
}

.letter-center > p {
    height: 35px;
    line-height: 35px;
}

.letter-center-title {
    background: #f5f5f5;
    text-align: right;
    color: #333;
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
}

.letter-center-nr {
    padding-left: 10px;
    color: #535353;
    font-size: 12px;
}

.letter-bottom {
    padding: 0px;
}

.letter-bottom > p {
    height: 35px;
    line-height: 35px;
}


/*---------个人资料-------------*/
.inherit td {
    vertical-align: inherit;
}

.userImg > span {
    display: block;
}

.userImg-tu {
    width: 62px;
    height: 62px;
    border: 1px solid #D9D9D9;
    margin-left: 10px;
    margin-bottom: 10px;
}

.userImg-tu > img {
    width: 100%;
    height: 100%;
    display: block;
}

.userImg-btn {
    color: #5c5c5c;
    font-size: 12px;
}

.userInfor table tr td {
    text-align: left;
}

.usebox {
    padding: 30px;
}

.usetitele {
    font-size: 16px;
    color: #1574A4;
    font-weight: bold;
}

.usetitele .usericon {
    margin-right: 10px;
}

.firstmargin {
    margin: 30px 0px !important;
}

.samebox {
    margin: 20px 0px;
    font-size: 14px;
    display: flex;
}

.leftsbox {
    width: 20%;
    text-align: right;
    color: #393939;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 5%;
    font-weight: bold;
}

.rightsbox {
    color: #646464;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user_modify_password {
    display: none;
}

.user_modify_password > p {
    margin: 5px 0;
}

.user_modify_password > p > input {
    width: 250px;
    height: 35px;
}

.user_modify_password > p > label {
    display: block;
    float: left;
    font-size: 12px;
    color: #666;
    width: 100px;
    text-align: right;
    font-weight: normal;
    margin-right: 10px;
}

.userInput {
    width: 250px;
    height: 35px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 0 5px;
}

.userTxt {
    position: relative;
    width: 380px;
    height: 55px;
}

.userTxt > textarea {
    width: 380px;
    height: 55px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 0 5px;
    line-height: 25px;
}

.userTxt > span {
    position: absolute;
    bottom: 7px;
    right: 10px;
    color: #999;
    font-size: 12px;
}

.accountStatusRadio {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.accountStatusRadio > input {
    margin-right: 10px;
}

.userModifyBtn {
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #0099FF;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    cursor: pointer;
}

/*----------操作日志------------*/
.operationTitle {
    padding: 5px 10px;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    margin: 20px 20px 0px 20px;
}

.operationlog-center {
    margin-left: 10px;
}

.marginRL {
    padding: 0px 20px;
}

.operationlog-center > li {
    padding: 0 10px;
    cursor: pointer;
    border-right: 1px solid #747474;
    margin-left: 10px;
    font-size: 14px;
    color: #000000;
}

.operationlog-center > li:last-child {
    border-right: none
}

.operalogCurrent {
    color: #1cafff !important;
}

.newBox {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.operalogWeb {
    text-align: center;
    height: 25px;
    width: 130px;
    margin-right: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
}

.inputName {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    color: #000;
}

.newBox input {
    height: 34px;
    border-radius: 10px;
    padding: 10px 0px 10px 20px;
    width: 100%;
    font-size: 12px;
    color: #838383;
    border: 1px solid #e0e0e0;
}

.operalogBtn {
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    height: 25px;
    padding: 0 15px;
    color: #1cafff;
    background: none;
    border-radius: 3px;
    font-size: 12px;
}

.newOperalog {
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    height: 25px;
    padding: 0 15px;
    color: #1cafff;
    background: none;
    border-radius: 3px;
    font-size: 12px;
    line-height: 25px;
    margin: auto;
}

/*------配件管理-------*/
.configManaga-title {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
}

.configManaga-title > span {
    display: inline-block;
    padding: 0 10px;
    height: 40px;
    color: #333333;
    cursor: pointer;
    font-size: 14px;
    box-sizing: border-box;
}

.config-cur {
    /*border: 1px solid #dcdcdc;
    border-bottom: 0px;
    background: #fff;*/
    color: #1cafff !important;
    box-sizing: border-box;
}

.configOpera-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;

}

.configOpera-btn > span {
    cursor: pointer;
}

.configOpera-detele {
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    padding: 5px 20px;
    margin-right: 20px;
    font-size: 14px;
    color: #333;
}

.configOpera-add {
    border: 1px solid #1cafff;
    border-radius: 3px;
    padding: 5px 20px;
    margin-right: 20px;
    font-size: 14px;
    color: #1cafff;
}

.configModify, .modifyDetele {
    font-size: 12px;
    color: #535353;
    margin: 0 10px;
    cursor: pointer;
}

.config-web {
    color: #333333;
    font-size: 14px;
}

.ManagePopup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.5);
}

.ificaManage {
    width: 550px;
    height: 200px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -275px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
}

.ificaManage-name {
    padding: 20px 10px;
    margin-top: 30px;
    margin-bottom: 20px;

}

.ificaManage-name > label {
    width: 100px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}

.ificaManage-name > input {
    width: 250px;
    height: 30px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 0 10px;
}

.ificaManage-btn {
    padding: 15px 0 15px 150px;
    border-top: 1px solid #DCDCDC;
}

.ificaManage-btn > button {
    margin: 0 15px;
    padding: 2px 20px;
    border-radius: 5px;
}

.ificaManage-confirm {
    background: #1cafff;
    border: 1px solid #1cafff;
    color: #fff;
    font-size: 16px;
}

.ificaManage-cancel {
    background: none;
    border: 1px solid #999999;
    color: #1cafff;
    font-size: 16px;
}

.partPopup-name {
    padding: 20px 10px;
    border-bottom: 1px solid #DCDCDC;
}

.partPopup-name > label {
    width: 100px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}

.partPopup-name > input {
    width: 250px;
    height: 30px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 0 10px;
}

.partPopup-name > select {
    width: 250px;
    height: 30px;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    padding: 0 10px;
}

.partPopup {
    width: 550px;
    min-height: 200px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -275px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
}

.partPopup-btn {
    padding: 15px 0 15px 150px;

}

.partPopup-btn > button {
    margin: 0 15px;
    padding: 2px 20px;
    border-radius: 5px;
}

.partPopup-confirm {
    background: #1cafff;
    border: 1px solid #1cafff;
    color: #fff;
    font-size: 16px;
}

.partPopup-cancel {
    background: none;
    border: 1px solid #999999;
    color: #1cafff;
    font-size: 16px;
}

/*--------------工程人员管理--------------------*/
.engineer_table td {
    color: #535353;
}

.engineer_search {
    margin: 0 10px 0 0;
}

.engineer_search > input {
    border: 1px solid #d4d4d4;
    width: 130px;
    height: 25px;
    padding: 0 5px;
    border-radius: 3px;
}

.engineer_idNum {
    margin: 0 10px;
}

.engineer_idNum > input {
    border: 1px solid #d4d4d4;
    width: 160px;
    height: 25px;
    padding: 0 5px;
    border-radius: 3px;
}

.engineer_search > label {
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    margin-top: 5px;
    margin-right: 10px;
}

.engineer_search > select {
    width: 130px;
    height: 25px;
    border: 1px solid #d4d4d4;
}

.engineer_search_btn {
    background: none;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    padding: 2px 15px;
    color: #006DCC;
}

.engineer_addper {
    background: #1cafff;
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 5px;
    padding: 0 10px;
}

.engineer_addper > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

/*--------工程人员查看----------*/
.container-title-nav {
    color: #5c5c5c;
    font-size: 14px;
    margin: 0 10px;
}

.engineer_current {
    color: #1cafff;
}

.engineerInfor-title, .engineer-workInfor-title {
    color: #1cafff;
    font-size: 14px;
    font-weight: normal;
}

.engineerInfor-center .row, .engineer-workInfor-center .row {
    border: 1px solid #DCDCDC;
    border-bottom: none;
}

.engineerInfor-center .row:last-child, .engineer-workInfor-center .row:last-child {
    border-bottom: 1px solid #DCDCDC;
}

.engineerInfor-center .row p, .engineer-workInfor-center .row p, .row_xl {
    border-right: 1px solid #DCDCDC;
    padding: 10px 15px;
}

.engineerInfor-center .row p:last-child, .engineer-workInfor-center .row p:last-child, .row_xl:last-child {
    border-right: none
}

.engineer-workInfor-center .row p > a {
    display: block;
    width: 100%;
    height: 100%;
}

/*--------工程人员待完成工单,完成工单------------*/
.container-title-return {
    display: block;
    width: 60px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #d9d9d9;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: -5px;
}

.engineer-time {
    width: 100px;
    height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-right: 10px;
}

.engineer-input {
    width: 130px;
    height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-right: 10px;
}

.engineer-label-title {
    width: 80px;
    display: block;
    float: left;
    font-size: 14px;
    color: #535353;
    font-weight: normal;
    margin-top: 5px;
}

.engineer-select {
    width: 130px;
    height: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-right: 10px;
}

.engineer-btn {
    color: #1cafff;
    font-size: 12px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 4px 15px;
    background: none;
}

/*-----------新增工程人员--------------*/
.addEnginerr-title {
    display: block;
    float: left;
    width: 120px;
    margin-right: 20px;
    color: #5c5c5c;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
    margin-top: 5px;
}

.addEnginerr-input {
    width: 280px;
    height: 25px;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 12px;
}

.addEnginerr-select {
    width: 130px;
    height: 25px;
    border: 1px solid #D9D9D9;
    background: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 12px;
}

.workOrder-input {
    width: 120px;
    height: 25px;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 3px;
    border: 1px solid #D9D9D9;
    background: #fff;
    box-sizing: border-box;
}

.workOrder-select {
    width: 150px;
    height: 25px;
    border: 1px solid #D9D9D9;
    background: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 12px;
}

.no-input {
    background: #fff9d2 !important;
    cursor: pointer;
}

.modalUser-input {
    width: 130px;
    height: 25px;
    border: 1px solid #D9D9D9;
    background: #fff;
    box-sizing: border-box;
    padding: 0 5px;
    margin-right: 10px;
    border-radius: 3px;
    font-size: 12px;
}

.addEnginerr-textarea {
    width: 650px;
    height: 170px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 12px;
}

.txtNum_tis {
    color: #999999;
    bottom: 10px;
    left: 710px;
}

.engineer-PreBtn {
    background: #1cafff;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px;
    border: 1px solid #1cafff;
    border-radius: 5px;
}

.engineer-ResetBtn {
    background: none;
    color: #1cafff;
    padding: 5px 20px;
    font-size: 14px;
    border: 1px solid #1cafff;
    border-radius: 5px;
    margin: 0 20px;
    display: inline-block;
    cursor: pointer;
}

.woekorder > div > p {
    width: 50%;
}

.woekorder > div > p input {
    width: 180px;
    height: 25px;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    padding: 0 10px;
}

.engineer-RuterBtn {
    background: none;
    color: #333333;
    padding: 5px 20px;
    font-size: 14px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
}

.engineer-Btn {
    margin: 30px 150px;
}

.engineer-workInfor .enclosureitem {
    float: left;
    border: 1px solid #e6e5e5;
    width: 18%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

.engineer-workInfor .enclosureitem > img {
    width: 100%;
    height: 100%;
}

.DevicNum {
    float: left;
    width: 80%;
    overflow: hidden;
    height: 16px;
}

.engineer-trajectory {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    height: 250px;
    overflow: auto;
}

.engineer-trajectory ul li {
    color: #535353;
    font-size: 12px;
    margin: 10px 0px;
}

.ReplacParts > li {
    float: left;
    margin: 0 5px;
}

.head_img {
    width: 88px;
    height: 88px;
    display: block;
    border-radius: 10px;
}

.head_img_btn {
    width: 100px;
    height: 30px;
    display: block;
    float: left;
    position: relative;
    text-align: center;
    line-height: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    margin-right: 40px;
    margin-left: 10px;
    margin-top: 15px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.head_img_btn > input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 30px;
    opacity: 0;
    cursor: pointer;
}

/*---------其他端公告--------------*/
.systemAnnCenter {
    width: 100%;
    /*border: 1px solid #D9D9D9;*/
    padding: 10px;
}

.systemAnn-nr {
    width: 100%;
    padding: 20px;
    border: 1px solid #D9D9D9;
    /*border-radius:5px;*/
    cursor: pointer;
    border-bottom: none;
}

.systemAnn-nr:hover {
    background: #f5f5f6;
}

.systemAnnCenter .systemAnn-nr:last-child {
    border-bottom: 1px solid #D9D9D9;

}

.systemAnn-nr > p {
    color: #999999;
    font-size: 12px;
}

.systemAnn-nr > p > span {
    display: block;
    max-width: 80%;
    overflow: hidden;
    margin-right: 10px;
}

.systemPupop {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
    top: 0px;
    left: 0px;
    z-index: 99;
}

.systemPupop > div {
    width: 70%;
    position: fixed;
    top: 5%;
    left: 15%;
    /*height: 380px;*/
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 10px 20px;
}

.system-title {
    margin-top: 20px;
    color: #333333;
    font-size: 16px;
}

.system-time {
    font-size: 12px;
    color: #999;
}

.system-txt {
    font-size: 14px;
    color: #5c5c5c;
    line-height: 24px;
}

/*----------操作台------------------*/
.console-top {
    padding: 10px;
    width: 100%;
    background: #efefef;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
}

.console-top-web {
    max-width: 60%;
}

.console-head {
    padding: 20px 0;
    border-radius: 5px;
    /*display: flex;*/
    justify-content: space-around;
}

/*.console-head>div{
	width: 25%;
	box-sizing: border-box;
	padding-left: 5%;
}
.console-head>div>p>span{
	font-size: 14px;
	color: #999999;
	display: block;
}
.console-head>div>p>span>i{
	font-style: normal;
	font-size: 14px;
	color: #ff0000;
	margin-left: 10px;
}*/

.console-center {
    width: 100%;
}

.console-center > div {
    width: 48%;
    margin: 0 1%;
    float: left;
    background: #ebf8ff;
}

.console-left-top {
    width: 100%;
    background: #1cafff;
    height: 95px;
    line-height: 95px;
    text-align: center;
    color: #E5E5E5;
    font-size: 20px;
}

.console-left-top > img {
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -82px;
}

.console-left > ul {
    width: 100%;
    box-sizing: border-box;
}

.console-left > ul > li {
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    width: 50%;
    text-align: center;
    padding: 30px 0;
}

.console-left > ul > li span {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    color: #1cafff;
}

.console-left > ul > li span:last-child {
    font-weight: bolder;
}


.console-right-top {
    width: 100%;
    background: #12a3a3;
    height: 95px;
    line-height: 95px;
    text-align: center;
    color: #E5E5E5;
    font-size: 20px;
}

.console-right-top > img {
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -82px;
}

.console-right > ul {
    width: 100%;
    box-sizing: border-box;
}

.console-right > ul > li {
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    width: 50%;
    text-align: center;
    padding: 30px 0;
}

.console-right > ul > li span {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    color: #1cafff;
}

.console-right > ul > li span:last-child {
    font-weight: bolder;
}

/*------------新增合同--------------------*/
.AddContract-center {
    width: 100%;
}

.AddContract-center label {
    width: 115px;
    text-align: right;
    margin-right: 20px;
    display: block;
    float: left;
    margin-top: 7px;
}

.AddContract-center input {
    width: 40%;
    float: left;
}

.Installed_model input {
    width: 160px !important;
    margin: 0 4px 0 0;
}

.AddContract-center select {
    padding: 6px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    height: 34px;
    margin: 0 4px 0 0 !important;
}

.color-red {
    background-color: #F62B65;
}

.color-yellow {
    background-color: #FF7D27;
}

.color-green {
    background-color: #1cafff;
}

.color-blue {
    background-color: #CD00EB;
}

.console-item {
    width: 100%;
    text-align: left;
    /*text-align: center;*/
    padding: 20px;
    position: relative;
    border-radius: 5px;
}

.console-icon{
    position: absolute;
    bottom: 0;
    right: 0;
}

.console-item p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
}

.catalogue_show {
    /* margin-bottom: 5px; */
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
    /*color: #fff;*/
    /*background-color:#1cafff;!* #1272A3;*!*/
}

.catalogue_show_box {
    width: calc(100% - 30px);
    color: #000000;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 45px;
    border-bottom: 1px solid #cccccc;
}


.list-item {
    border: 1px solid #ebebeb;
}

.list-item + .list-item {
    /*margin-top: 20px;*/
}

.list-head {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ebebeb;
    /*background-color: #efefef;*/
    font-size: 16px;
    color: #333333;
    padding: 6px 16px;
}

.list-body {
    padding: 20px 16px;
    font-size: 14px;
}

.list-body h4 {
    color: #5c5c5c;
    font-weight: normal;
    text-align: center;
}

.list-body h4 {
    color: #808080;
}

.list-head .active {
    color: #FFFFFF;
}

.list-head li {
    height: 30px;
    line-height: 30px;
    width: 130px;
    text-align: center;
    background-color: #1cafff;
    float: left;
    padding-right: 10px;
    cursor: pointer;
}

.list-head li:nth-child(1) {
    border-radius: 30px 0px 0px 30px;
}

.list-head li:nth-child(2) {
    border-radius: 0px 30px 30px 0px;
}

.list-head li + li {
    border-left: 1px solid #FFFFFF;
    /*padding-left: 10px;*/
}

.list-body li {
    margin: 10px 0;
}

.canvas_75 {
    display: flex;
    flex-direction: column;
    width: 75%;
    padding: 0px 10px;
}

.chart-item {
    width: 100%;
    position: relative;
}

.chart-head {
    height: 63px;
    line-height: 63px;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    color: #333333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*padding: 6px 0px;*/
}

.chart-head ul {
    width: 100%;
    display: flex;
}

.chart-head .active {
    color: #1cafff;
    border-bottom: 1px solid #1cafff;
}

.chart-head li {
    height: 63px;
    line-height: 63px;
    /*float: left;*/
    margin-right: 12px;
    cursor: pointer;
    padding: 0px 3px;
    box-sizing: border-box;
}

.chart-head li + li {
    /*padding-left: 10px;*/
}

.chart-body {
    background: #FFF;
}


/*.chart-head {*/
/*    height: 56px;*/
/*    line-height: 56px;*/
/*    border-bottom: 1px solid #ebebeb;*/
/*    !*background-color: #efefef;*!*/
/*    font-size: 16px;*/
/*    color: #333333;*/
/*    padding: 6px 16px;*/
/*}*/

/*.chart-head .active {*/
/*    color: #1cafff;*/
/*    border-bottom: 1px solid #1cafff;*/
/*}*/

/*.chart-head li {*/
/*    height: 44px;*/
/*    line-height: 44px;*/
/*    float: left;*/
/*    padding-right: 10px;*/
/*    cursor: pointer;*/
/*}*/


/*.chart-head li + li {*/
/*    !*border-left: 1px solid #cccccc;*!*/
/*    padding-left: 10px;*/
/*}*/

/*.chart-body-show {*/
/*    width: 100%;*/
/*    height: 450px;*/
/*    z-index: 1;*/
/*}*/

/*.chart-body-hide {*/
/*    width: 100%;*/
/*    height: 450px;*/
/*    z-index: -10;*/
/*}*/

/*.chart-head ul>li .active {*/
/*    color: #1cafff;*/
/*    border-bottom: 1px solid #1cafff;*/
/*}*/


/*时间1111*/
/* .form_datetime{
    background: url(../images/date_icon.png) no-repeat;
    background-size: 20px;
    background-position: 95%;
} */
/* ****账户管理**** */
.accounthome {

}

.headBox {
    padding: 10px 30px 0px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leftData {
    width: 49%;
    height: 200px;
    background: #6CA8FE;
    color: #FFF;
}

.rightData {
    width: 49%;
    height: 200px;
    background: #FFB26C;
    color: #fff;
}

.orgcolor {
    color: #FFB26C !important;
}

.headtitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
    line-height: 20px;
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
}

.headtitle span {
    font-size: 18px;
}

.btnshowbox {
    font-size: 14px;
}

.btnshowbox a {
    margin-left: 10px;
    background: #FFF;
    color: #67A3FB;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 16px;
}

.countsbox {
    display: flex;
    justify-content: center;;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
    height: 115px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.countsbox img {
    width: 45px;
    height: 45px;
    display: block;
    margin-right: 10px;
}

.balanceBox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    font-size: 16px;
    padding: 5px 30px;
}

.balanceBox .marginspan {
    margin: 0px 8px !important;
    cursor: pointer;
}

.selected_remind_input {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    margin: 10px 0px;
    border: none;
}

.selected_remind_input input {
    border: none !important;
    height: 20px !important;
    outline: none !important;
    outline: medium !important;
}

.selected_remind_input input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
}

.selected_remind_input input[type="checkbox"]:checked + label,
.selected_remind_input input[type="checkbox"]:not(:checked) + label {
    background-color: #e0e0e0;
    border-radius: 24px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    position: absolute;
    left: 0;
    text-indent: -9999px;
    width: 40px;
}

.selected_remind_input input[type="checkbox"]:checked + label:after {
    background-color: #fff;
    border-radius: 20px;
    /*关*/
    content: '\5173';
    height: 17px;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 17px;
    color: #000;
    font-size: 12px;
    line-height: 19px;
    padding-right: 2px;
    font-weight: normal;
    margin: 0;
    color: #6CA8FE;
    border: 1px solid #FFF;
    box-sizing: border-box;
}

.selected_remind_input input[type="checkbox"]:not(:checked) + label:after {
    background-color: #6CA8FE;
    border-radius: 20px;
    /*开*/
    content: '\5f00';
    height: 17px;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 17px;
    color: #000;
    font-size: 12px;
    line-height: 19px;
    padding-right: 2px;
    font-weight: normal;
    margin: 0;
    color: #fff;
    border: 1px solid #FFF;
    box-sizing: border-box;
}

.selected_remind_input input[type="checkbox"]:checked + label {
    background-color: #4d87ea;
}

.selected_remind_input input[type="checkbox"]:checked + label:after {
    left: 22px;
}

.selected_remind_input input[type="checkbox"]:checked + label,
.selected_remind_input input[type="checkbox"]:not(:checked) + label {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.selected_remind_input input[type="checkbox"]:checked + label:after,
.selected_remind_input input[type="checkbox"]:not(:checked) + label:after {
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
}

.listrecord {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 30px;
}

.listrecordone {
    width: 22%;
}

.cordoneTitle {
    background: #FAFAFA;
    color: #292929;
    font-size: 16px;
    padding: 10px 20px;
    text-align: left;
    border: 1px solid #FAFAFA;
    box-sizing: border-box;
}

.corcenter {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
}

.corcenter img {
    margin-right: 20px;
    width: 45px;
    height: 45px;
    display: block;
}

.codsbox {

}

.codsbox div {
    font-size: 30px;
    color: #000;
}

.codsbox a {
    color: #70ABFB;
    font-size: 16px;
    margin-top: 8px;
}

.bennerBox {
    margin-top: 30px;
    width: 100%;
    height: 120px;
}

.bennerBox a {
    width: 100%;
    height: 120px;
}

.bennerBox a img {
    width: 100%;
    height: 120px;
    display: block;
}

.comboBox {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
}

.comboTitle {
    width: 100%;
    padding: 12px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
}

.tishows {
    color: #292929;
    font-size: 16px;
}

.btncenter {

}

.combolist {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;;
    align-items: center;
}

.comboOne {
    width: 30%;
    border: 1px solid #E8E8E8;
    box-shadow: 0px 2px 2px #F5F5F5;
    cursor: pointer;
}

.ondtiel {
    background: #FAFAFA;
    color: #292929;
    font-size: 16px;
    padding: 10px 20px;
    text-align: left;
}

.oneimg {
    width: 100%;
}

.oneimg img {
    width: 100%;
}

/*弹窗样式*/
.doorsillPopup {
    width: 660px;
    height: 280px;
}

.contboxshow {
    display: flex;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #303030;
}

.contboxshow input {
    width: 160px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #CBCBCB;
    margin: 0px 5px;
}

.contboxshow a {
    color: #12719D;
    margin-left: 5px;
}

.handlebox {
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.handlebox button {
    margin: 0px 15px;
}

/*修改手机号码*/
.changePhone {
    width: 100%;
    min-height: 500px;
    background: #FFF;
}

.phonebox {
    padding-left: 217px !important;
}

.successbox {
    width: 100%;
    margin-top: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.suctext {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #1cafff;
    margin: 30px 0px 25px 0px;
}

.phonetext {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #515151;
}

.chaone {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    color: #333333;
    font-size: 16px;
}

.chaone span {
    width: 22px;
}

.charu input {
    width: 180px;
    height: 34px;
    margin: 0px 5px 0px 10px;
    height: 34px;
    border-radius: 10px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
}

.getscode {
    padding: 5px 10px;
    color: #5C5C5C;
    border: 1px solid #B3B3B3;
    font-size: 14px;
    background: #FFF;
    border-radius: 4px;
}

.noneGet {
    cursor: pointer;
    color: #1cafff;
    margin-left: 5px;
    position: relative;
}

.showti {
    width: 400px;
    position: absolute;
    top: 30px;
    left: 15px;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 3px #EEEEEE;
    padding: 15px;
    background: #FFF;
    color: #666666;
    font-size: 14px;
    line-height: 16px;
}

.showti:before {
    position: absolute;
    top: -20px;
    left: 20px;
    content: '';
    display: inline-block;
    /*width: 20px;
    height: 20px;*/
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(238, 238, 238, 0.8);

}

.spcolor {
    color: #1cafff;
}

.iupbox {
    width: 200px;
    margin: 0px 5px 0px 10px;
    height: 34px;
    border-radius: 10px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
}

.lename {
    width: 115px;
    font-size: 16px;
    color: #000;
}

.martop {
    margin-top: 85px;
}

/*订单状态*/
.orderlbox {
    padding: 0px 30px;
    border-bottom: 20px solid #EDEDED;
    background: #FFF;
}

.orderTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px 10px 0px;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}

.ordername {
    width: 40%;
    text-align: center;
}

.ordergg {
    width: 30%;
    text-align: center;
}

.orderyj {
    width: 30%;
    text-align: center;
}

.orderone {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #EDEDED;
    padding: 20px;
    margin-top: 20px;
}

.oabox {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: #333333;
}

.oabox img {
    width: 150px;
    margin-right: 35px;
}

.obbox {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ocbox {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.allorder {
    padding: 30px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #000;
}

.allorder span {
    color: #C80000;
    margin-right: 10px;
}